<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.4.1.min.js"></script>
	</head>
	<body>
		<!-- 
		 事件绑定方法
		 1、简易的绑定方式
		 $(selector).click(data,function(e){
			//data 一般可省略不写，如果有传入data，可透过e.data获取
			//只可绑定一个事件
			//如果.click()刮号里面都不写，则可以模拟click事件
		 });
		 
		 2、$(selector).bind("click",[data],function(e){
			//data 一般可省略不写，如果有传入data，可透过e.data获取 
			 
		 })	
		
		3、$(selector).one("click",[data],function(e){
			//与bind相同，但只绑定一次
			//data只能传入数组			 
		
		 })	
		 -->

		<input id="btn1" type="button" value="button1">
		<input id="btn2" type="button" value="button2">
		<input id="btn3" type="button" value="button3">
		<input id="btn4" type="button" value="button4">
		<input id="txt" type="text" value="">
		
		<script>
			$(function(e) {
				$("#btn1").click(function(e) {
					console.log("button1 click");
				});
				
				// $("#btn2").click("123",function(e) {
				// 	console.log("button2 click "+e.data);
				// });
				
				// $("#btn3").bind("click","999",function(e){
				// 	console.log("button3 click "+e.data);
				// });
				
				// $("#btn4").one("click",function(e){
				// 	console.log("只能按一次 ");
				// });
				
				// $("#txt").bind("focus keydown",function(e){
				// 	console.log("输入盒触发事件是"+e.type);
				// })
				
			});
		</script>
	</body>
</html>
